<template>
	<view class="page">
		<view class="header">
			<view class="img"></view>
			<span class="sp_1">测试用户</span>
			<span class="sp_2">手机：xxxxxxxxx</span>
			<span class="sp_3" @click="goexit" >编辑资料</span>
		</view>
		
		<view class="li" style="margin-top: 30rpx;" @click="goPrivacy">
			<image class="img" src="../../static/img/yinsi.png" mode=""></image>
			<span class="sp_1">隐私政策</span>
			<image class="img_2" src="../../static/img/arrow.png" mode=""></image>
		</view>
		<view class="li" style="margin-top: 30rpx;" @click="goHelp">
			<image class="img" src="../../static/img/bangzhu.png" mode=""></image>
			<span class="sp_1">使用帮助</span>
			<image class="img_2" src="../../static/img/arrow.png" mode=""></image>
		</view>
		<view class="li" style="margin-top: 30rpx;" @click="goAgreement">
			<image class="img" src="../../static/img/xieyi.png" mode=""></image>
			<span class="sp_1">用户协议</span>
			<image class="img_2" src="../../static/img/arrow.png" mode=""></image>
		</view>
		<view class="li" style="margin-top: 30rpx;" @click="goDaka">
			<image class="img" src="../../static/img/xieyi.png" mode=""></image>
			<span class="sp_1">打卡</span>
			<image class="img_2" src="../../static/img/arrow.png" mode=""></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			}
		},
		methods: {
			goPrivacy() {
				uni.navigateTo({
					url: '/page_user/privacy/index'
				})
			},
			goAgreement() {
				uni.navigateTo({
					url: '/page_user/agreement/index'
				})
			},
			goHelp(){
				uni.navigateTo({
					url:'/page_user/help/index'
				})
			},
			goexit(){
				uni.navigateTo({
					url:'/page_user/Exit_user/Exit_user'
				})
			},
			goDaka(){
				uni.navigateTo({
					url:'/page_user/daka/daka'
				})
			}
			
		}
	}
</script>

<style scoped lang="scss">
.page {
		width: 100vw;
		height: 100%;
		position: relative;
		overflow: auto;
		.header{
			width: 100%;
			height:250rpx;
			position: relative;
			.img{
				position: absolute;
				top: 84rpx;
				left: 32rpx;
				width: 148rpx;
				height: 148rpx;
				border-radius: 50%;
				background-color: #1677FF;
			}
			.sp_1{
				font-size: 44rpx;
				font-weight:400;
				display: inline-block;
				position: absolute;
				top: 100rpx;
				left: 220rpx;
			}
			.sp_2{
				font-size: 26rpx;
				font-weight: 400;
				color: #BFBFC2;
				display: inline-block;
				position: absolute;
				top: 176rpx;
				left: 220rpx;
			}
			.sp_3{
				position: absolute;
				width: 168rpx;
				height: 80rpx;
				background: #1677FF;
				color: #fff;
				line-height: 80rpx;
				border-radius: 56rpx;
				top: 116rpx;
				right: 32rpx;
				text-align: center;
				font-size: 26rpx;
			}
		}
		.li{
			width: 100%;
			height: 102rpx;
			position: relative;
			.img{
				position: absolute;
				top: 34rpx;
				left: 34rpx;
				width: 29rpx;
				height: 36rpx;
			}
			.sp_1{
				display: inline-block;
				position: absolute;
				top: 30rpx;
				left: 96rpx;
				font-size: 32rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
			}
			.img_2{
				position: absolute;
				right: 10rpx;
				top: 30rpx;
				width: 50rpx;
				height: 45rpx;
			}
		}
		}
</style>
